<html>
    <head>
        <title>Showtimes</title>
        <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

        <!-- .Willflow iPhone SDK -->
        <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
        <link rel="stylesheet" href="http://wwwjs.willflow.com/code/src/wf-iphone/iphone.css" />
        
        <!-- using map -->
        <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAXs6fffdzf-Y3421qG3pbLhSYJ1Ji2XwFrjQNj8NEcWgikurwwxSksjfcPju0lN1KIGovWSqRRGRbjQ"></script>
        <script>
            google.load("maps", "2.x");
        </script>
        <script src="http://wwwjs.willflow.com/code/src/gmaps-utility-library/labeledmarker/src/labeledmarker.js" type="text/javascript"></script>

        <!-- base library -->
        <script type="text/javascript" src="http://wwwjs.willflow.com/code/src/mootools/mootools-core.js"></script>
        <script type="text/javascript" src="http://wwwjs.willflow.com/code/src/wf-iphone/iphone.js"></script>
    </head>
    
    <!-- main content here -->
    <body>
        <!-- tab bar definition -->
        <div wf_type="tabbar">
            <a href="movies.html?location=[wf:gps]"
                wf_tab_img="movies_off.png"
                wf_tab_img_active="movies_on.png">
                Movies
            </a>
            <a href="cinemas.html?location=[wf:gps]"
                wf_tab_img="cinemas_off.png"
                wf_tab_img_active="cinemas_on.png">
                Cinemas
            </a>
        </div>
    </body>
    <script>
        window.addEvent("load", function() {
            WF.initIPhone();
        });
    </script>
</html>
